<template>
  <view class="footer-bar">
    <navigator :url="`/pages/home/index`" class="footer-item">
      <text>首页</text>
    </navigator>
    <navigator :url="`/pages/statistics/index`" class="footer-item">
      <text>统计</text>
    </navigator>
    <navigator :url="`/pages/mine/index`" class="footer-item">
      <text>我的</text>
    </navigator>
  </view>
</template>

<script setup></script>

<style scoped>
.footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 50px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7e7e7;
}

.footer-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #333;
}
</style>
